<<<<<<< HEAD
<!--
 * @Author: Xia_cc 978487464@qq.com
 * @Date: 2022-06-10 12:57:47
 * @LastEditors: Xia_cc 978487464@qq.com
 * @LastEditTime: 2022-06-10 14:12:56
 * @FilePath: \vue 小U到家\src\views\Mainjueseguanli.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--  -->
<template>
  <el-container>
    <!-- 搜索框 -->
    <el-header>
      状态 :
      <el-select class="search" v-model="peiSongYuanZhuangTai" placeholder="请选择">
        <el-option
          v-for="item in peiSongYuanArr"
          :key="item.PSYvalue"
          :label="item.PSYlabel"
          :value="item.PSYvalue"
          size="mini"
        >
        </el-option>
      </el-select>
    </el-header>
    <!-- 弹出框 -->
    <el-dialog
      class="psyModle"
      title="添加角色"
      :visible.sync="jueSeGuanLiVisible"
      width="37%"
      top="50px"
      center
    >
      <span class="psChaXunSpan">角色名称 </span
      ><el-input class="searchs" type="text" placeholder="请输入品类名称" v-model="text"></el-input>
      <span class="psChaXunSpan">角色秒速 </span
      ><el-input class="searchs" type="text" placeholder="请输入序号" v-model="text"></el-input>
      <span class="psChaXunSpan">物料成本 </span
      ><el-input class="searchs" type="text" placeholder="请输入序号" v-model="text"></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button @click="jueSeGuanLiVisible = false">取 消</el-button>
        <el-button type="primary" @click="jueSeGuanLiVisible = false">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 显示表 -->
    <el-main>
      <el-row>
        <el-button @click="jueSeGuanLiVisible = true" type="primary" plain>添加</el-button>
        <el-button @click="psyDelBut()" type="danger" plain>批量删除</el-button>
      </el-row>
      <Maintable>
        <template v-slot:tableline>
          <el-table-column prop="date" label="角色名" width="220"> </el-table-column>
          <el-table-column prop="name" label="添加时间" width="220"> </el-table-column>
          <el-table-column prop="date" label="描述" width="220"> </el-table-column>
        </template>
        <template v-slot:chaozuo>
          <el-table-column label="操作">
            <template slot-scope="scope">
              <el-button
                type="success"
                slot="reference"
                plain
                icon="el-icon-edit"
                title="编辑"
                @click="updates(scope.row.id)"
              >
              </el-button>
            </template>
          </el-table-column>
        </template>
      </Maintable>
    </el-main>
    <el-footer>
      <div class="block">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage"
          :page-sizes="[6, 8, 10, 12]"
          :page-size="100"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
        >
        </el-pagination>
      </div>
    </el-footer>
  </el-container>
</template>

<script>
import Maintable from "../components/main/Maintable";
export default {
  name: "jueseguanli",
  components: {
    Maintable,
  },
  computed: {},
  data() {
    return {
      text: "",
      size: 6,
      page: 1,
      total: 0,
      currentPage: 1,
      jueSeGuanLiVisible: false,
    };
  },
  methods: {
    handleSizeChange(val) {
      this.size = val;
      console.log(`每页 ${val} 条`);
      this.selects();
    },
    handleCurrentChange(val) {
      this.page = val;
      console.log(`当前页: ${val}`);
      this.selects();
    },
  },
  mounted() {
    this.selects();
  },
};
</script>

<style lang="less" scoped>
.search {
  margin: 10px 40px 0 20px;
  width: 20%;
}
.psChaXunSpan {
  width: 20%;
  display: inline-block;
  margin: 5px 2%;
  text-align-last: justify;
}
.searchs {
  margin: 5px 2%;
  width: 72%;
}
.block {
  margin: 0 130px;
  float: right;
}
</style>
=======
<!--
 * @Author: Xia_cc 978487464@qq.com
 * @Date: 2022-06-10 12:57:47
 * @LastEditors: Xia_cc 978487464@qq.com
 * @LastEditTime: 2022-06-10 14:12:56
 * @FilePath: \vue 小U到家\src\views\Mainjueseguanli.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--  -->
<template>
    <el-container>
        <!-- 搜索框 -->
        <el-header>
             状态 : <el-select class="search" v-model="peiSongYuanZhuangTai" placeholder="请选择">
                <el-option v-for="item in peiSongYuanArr" :key="item.PSYvalue" :label="item.PSYlabel"
                    :value="item.PSYvalue" size="mini">
                </el-option>
            </el-select>
        </el-header>
         <!-- 弹出框 -->
        <el-dialog class="psyModle" title="添加角色" :visible.sync="jueSeGuanLiVisible" width="37%" top="50px" center>
            <span class="psChaXunSpan">角色名称 </span><el-input class="searchs" type="text" placeholder="请输入品类名称" v-model="text"></el-input>
            <span class="psChaXunSpan">角色秒速 </span><el-input class="searchs" type="text" placeholder="请输入序号" v-model="text"></el-input>
           <span class="psChaXunSpan">物料成本 </span><el-input class="searchs" type="text" placeholder="请输入序号" v-model="text"></el-input>
            <span slot="footer" class="dialog-footer">
                <el-button @click="jueSeGuanLiVisible = false">取 消</el-button>
                <el-button type="primary" @click="jueSeGuanLiVisible = false">确 定</el-button>
            </span>
        </el-dialog>
         <!-- 显示表 -->
    <el-main>
      <el-row>
        <el-button @click="jueSeGuanLiVisible = true" type="primary" plain>添加</el-button>
        <el-button @click="psyDelBut()" type="danger" plain>批量删除</el-button>
      </el-row>
      <Maintable>
        <template v-slot:tableline>
          <el-table-column prop="date" label="角色名" width="220"> </el-table-column>
          <el-table-column prop="name" label="添加时间" width="220"> </el-table-column>
          <el-table-column prop="date" label="描述" width="220"> </el-table-column>
        </template>
        <template v-slot:chaozuo>
          <el-table-column label="操作">
            <template slot-scope="scope">
              <el-button type="success" slot="reference" plain icon="el-icon-edit" title="编辑"
                @click="updates(scope.row.id)">
              </el-button>
            </template>
          </el-table-column>
        </template>
      </Maintable>
    </el-main>
    </el-container>
</template>

<script>
import Maintable from "../components/main/Maintable";
export default {
    name: 'jueseguanli',
    components: {
        Maintable
    },
    computed: {},
    data() {
        return {
            text:'',
            jueSeGuanLiVisible:false
        }
    },
    methods: {}
}
</script>

<style lang='less' scoped>
.search {
    margin: 10px 40px 0 20px;
    width: 20%;
}
.psChaXunSpan{
    width: 20%;
    display: inline-block;
    margin: 5px 2%;
    text-align-last:justify
}
.searchs{
    margin: 5px 2%;
    width: 72%;
}
</style>
>>>>>>> ae27e4fe2d4f939d0b0ee2bfa506b9e3269c53cb
